<route>
    {
        meta: {
            layout: 'flow',
            title:'流程设计'
        }
    }  
</route>
<template>
    <div>
    
        <FormMaker></FormMaker>
    </div>
</template>

<script setup>
import { SafetyOutlined, FormOutlined, KeyOutlined, PlusOutlined, DeleteOutlined, DesktopOutlined, SyncOutlined, CodeOutlined } from '@ant-design/icons-vue';
import useApp from '@/hooks';
const { $ } = useApp();
const current = ref(0);
function next() {

}
const steps = ref([
    {
        title: 'First',
        content: 'First-content',
    },
    {
        title: 'Second',
        content: 'Second-content',
    },
    {
        title: 'Last',
        content: 'Last-content',
    },
])
</script>
<style scoped>
.steps-content {
    margin-top: 16px;
    border: 1px dashed #e9e9e9;
    border-radius: 6px;
    background-color: #fafafa;
    min-height: 200px;
    text-align: center;
    padding-top: 80px;
}

.steps-action {
    margin-top: 24px;
}

[data-theme='dark'] .steps-content {
    background-color: #2f2f2f;
    border: 1px dashed #404040;
}
</style>